<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/orderform.css">
</head>
<body>
<div class="container">
    <div class="left">
        <img id="big-image" src="./uploads/stj.png" alt="Product image">
        <div class="thumbnails">
            <div class="thumbnail">
                <img src="./uploads/st1.png" alt="Thumbnail" onclick="updateBigImage('images/详情1.png')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/st2.png" alt="Thumbnail" onclick="updateBigImage('images/详情7.jpg')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/st3.png" alt="Thumbnail" onclick="updateBigImage('images/详情6.png')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/st4.png" alt="Thumbnail" onclick="updateBigImage('images/详情7.png')">
            </div>

        </div>
    </div>
    <div class="right">
        <h1 style="height: 50px;">涌泉蜜桔橘子黄岩桔子</h1>
        <p style="height: 50px;">【新品】正宗临海涌泉蜜桔黄岩蜜橘当季新鲜现摘孕妇水果整箱无核橘子
            月销 600+</p>

        <div class="price"><span style="color: gray;">销售价     </span>￥48.00</div>
        <p style="color: gray ;height: 50px;">购物积分                             <span>48</span></p>

        <div id="wrap">
            <div id="top">
                <p id='model'> <font>净重（不含箱）</font> <span>【尝鲜装】七分甜，现摘现发 丨皮厚慎拍！ </span>
                    <span>【7A级】商超精选，纯甜爆汁 丨高性价比！</span>
                    <span>【8A级】十年老树，90%顾客选择   </span> <span>顺丰【礼盒装】品质升级，闭眼入   </span>  </p>
            </div>
            <div id="bottom">
                <p>价格： <font>￥ <span id='price'>48</span>.00</font></p>
                <a href="myorderform1.html"><button>立即购买</button></a>
            </div>

        </div>
    </div>
</div>
<div>

</body>
</html>